<template>
  <el-card shadow="never" class="portal-todoList-box">
    <div slot="header" class="portal-common-title">
      <span>{{ title }}</span>
    </div>
    <div class="portal-todoList-box-body">
      <template v-if="list.length">
        <router-link
          class="item"
          to="/workFlow/flowTodo"
          v-for="(item, i) in list"
          :key="i"
        >
          <span class="name">{{ item.fullName }}</span>
          <span class="time">{{
            item.creatorTime | toDate("yyyy-MM-dd")
          }}</span>
        </router-link>
      </template>
      <div class="portal-common-noData" v-else>
        <img
          src="@/assets/images/portal-nodata.png"
          alt=""
          class="noData-img"
        />
        <p class="noData-txt">暂无数据</p>
      </div>
    </div>
  </el-card>
</template>
<script>
import { getFlowTodo } from "@/api/home";
export default {
  props: {
    title: { type: String, default: "" }
  },
  data() {
    return {
      list: []
    };
  },
  created() {
    this.getData();
  },
  methods: {
    getData() {
      getFlowTodo(this.$store.getters.organizeId).then(res => {
        this.list = res.data.list.slice(0, 7);
      });
    }
  }
};
</script>
